<!doctype html>
<html>
    <head>
    	<meta charset="UTF-8">
        <meta name="keywords" content="brainstorm, educational technologies, e-learning, social, teach, learn, share, course, online course, how to, howto, academic, live, session, virtual, classroom">

        <link href="./images/favicon.ico" rel="shortcut icon" type="image/x-icon">
        <link rel="stylesheet" type="text/css" href="./style/main_bs.css" />

    	<title>Brainstorm Educational Technologies</title>
    </head>
    <body>
    	<header>
            <div class="container">
                <a id="logo-header" href="http://www.bstormed.com/">Brainstorm Educational Technologies</a>                
            </div>			
        </header>
       <div id="top-section" class="lgroup">
    <hgroup id="headings">
        <h2>Aprende con BrainStorm</h2>
        <h1>Educación para todos</h1>    
     </hgroup>
    <div id="auth-popup" class="signup-login-panel">
        <div id="signup">
            <div class="auth-top">
                <a class="fb-login-button" href="#">Regístrate con Facebook</a>                
            </div>
            <div class="auth-form">
                <div class="or">
                    O                </div>
                <h2 class="side-lined">
                    Inicia sesión                    :
                </h2>
                <div class="fields">
                                        <div class="form-item email">
                        <input id="email" name="email" type="text" class="text-input  " placeholder="Nombre de usuario"/><input type="hidden" id="email_insideText" value="Correo Electrónico"/>                        <span class="error-text"> </span>
                    </div>
                                        <div class="form-item password">
                        <input id="password" name="password" type="password" class="text-input  " placeholder="Contraseña"/><input type="hidden" id="password_insideText" value="Contraseña"/>                        <span class="error-text"> </span>
                    </div>
                                        <div class="form-errors"></div>
                </div>
            </div>
            <div class="">
                <a class="" href="">Inicia sesión </a> <a href="#" class="forgot">¿Olvidaste tu Contraseña? </a>
            </div>
            <div class="form-bottom">
                <span>¿No tienes una cuenta? <a href="" class="goto-signup-btn">regístrate ahora </a> </span>
            </div>
            </form>        </div>
    </div>
</div>     
        <nav>
            	<ul>
                    <li>Enlace 1</li>
                    <li>Enlace 2</li>
                    <li>Enlace 3</li>
                    <li>Enlace 4</li>
                </ul>
            </nav>
        
        <section>
        	contenido de la web<br>
            <article>
            	<h2>Titulo del articulo</h2>
              	<p>Contenido</p>
            </article>
            <aside>
            	<h3>Contenido tangencial</h3>
                <p>texto texto</p>
            </aside>            
        </section>
        
        <section id="editable" contenteditable="true">
        	contenido de la web<br>
            <article>
            	<h2>Titulo del articulo</h2>
              	<p>Contenido</p>
            </article>
            <aside>
            	<h3>Contenido tangencial</h3>
                <p>texto texto</p>
            </aside>            
        </section>
        
		<footer>
	        pie de pagina
            <ul>
                <li>Enlace 1</li>
                <li>Enlace 2</li>
                <li>Enlace 3</li>
                <li>Enlace 4</li>
            </ul>
        </footer>
    </body>
</html>
